import React, {Component} from 'react'
import {Col, Row} from 'antd'
import '../../less/top.less'
import awards1 from "../../images/awards1.png";
import awards2 from "../../images/awards2.png";

class Awards extends Component {

  render() {
    return <div className='box-padding gray-bg'>
      <Row type='flex' justify='center'>
        <h3 className='title'>奖项设置
          <span className='title_underline'/></h3>
      </Row>
      <Row type='flex' justify='center'>
        <div className='PC_box'>
          <p className='center'>入选参与「现场结对」的同学皆有活动限量礼品赠送。</p>
          <p className='center'><span style={{color: '#28bdcf'}}>各城市</span>参与「现场结对」总分<span
            style={{color: '#28bdcf'}}>前三名</span>的队伍（每支队伍 2 人）将获得：</p>
        </div>
      </Row>
      <Row type="flex" justify="center" align="top">
        <div className='PC_box'>
          <Row gutter={16}>
            <Col xs={{span: 24}} lg={{span: 12}} >
              <div style={{
                height: '200px',
                backgroundColor: '#b11c54',
                color: 'white',
                margin: '.1rem 0'
              }}>
                <Row>
                  <Col span={11}>
                    <div style={{marginTop: '50px', textAlign: 'center'}}>
                      <img src={awards1} alt='' width={100}/>
                      <div style={{marginTop: '20px', fontSize: '22px', fontWeight: 'bold'}}>
                        终面绿卡
                      </div>
                    </div>
                  </Col>
                  <Col span={1}>
                    <div style={{
                      marginTop: '50px',
                      width: '3px',
                      height: '110px',
                      borderRadius: '1.5px',
                      background: 'white'
                    }}/>
                  </Col>
                  <Col span={12}>
                    <div style={{marginTop: '50px', marginLeft: '20px'}}>
                      <b>
                        <p>秋招直通终面绿卡</p>
                        <p>或</p>
                        <p>实习直通终面绿卡</p>
                      </b>
                    </div>
                  </Col>
                </Row>
              </div>
            </Col>
            <Col xs={{span: 24}} lg={{span: 12}}>
              <div style={{
                height: '200px',
                backgroundColor: '#26bdcf',
                color: 'white',
                margin: '.1rem 0'
              }}>
                <Row>
                  <Col span={11}>
                    <div style={{marginTop: '50px', textAlign: 'center'}}>
                      <img src={awards2} alt='' width={100}/>
                      <div style={{marginTop: '20px', fontSize: '22px', fontWeight: 'bold'}}>
                        税后奖金
                      </div>
                    </div>
                  </Col>
                  <Col span={1}>
                    <div style={{
                      marginTop: '50px',
                      width: '3px',
                      borderRadius: '1.5px',
                      height: '110px',
                      background: 'white'
                    }}/>
                  </Col>
                  <Col span={12}>
                    <div style={{marginTop: '50px', marginLeft: '20px'}}>
                      <b>
                        <p>一等奖 ￥6,000</p>
                        <p>二等奖 ￥4,000</p>
                        <p>三等奖 ￥2,000</p>
                      </b>
                    </div>
                  </Col>
                </Row>
                <a name='about'/>
              </div>
            </Col>
          </Row>
        </div>
      </Row>
    </div>
  }
}

export default Awards



